<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>首页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <script src="/js/store/rem.js"></script>
    <link href="/css/stroe/iconfont.css" rel="stylesheet">
    <link href="/css/stroe/mui.min.css" rel="stylesheet">
    <link href="/css/stroe/all.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/css/stroe/base.css"/>
    <link rel="stylesheet" type="text/css" href="/css/stroe/style.css"/>
    <script type="text/javascript" src="/js/jquery/jquery.min.js"></script>
    <script src="/js/store/fastclick.js"></script>
    <script src="/js/store/mui.min.js"></script>
    <script type="text/javascript" src="/js/store/hmt.js"></script>
    <link rel="stylesheet" href="/js/store/swiper/swiper.min.css">
    <script src="/js/store/swiper/swiper.jquery.min.js"></script>
    <script src="/js/store/global.js"></script>
    <script src="/js/plugins/jrender/jrender.min.js"></script>
</head>
<script>
    $(function () {
        var banner = new Swiper('.banner', {
            autoplay: 5000,
            pagination: '.swiper-pagination',
            paginationClickable: true,
            lazyLoading: true,
            loop: true
        });

        mui('.pop-schwrap .sch-input').input();
        var deceleration = mui.os.ios ? 0.003 : 0.0009;
        mui('.pop-schwrap .scroll-wrap').scroll({
            bounce: true,
            indicators: true,
            deceleration: deceleration
        });
        $('.top-sch-box .fdj,.top-sch-box .sch-txt,.pop-schwrap .btn-back').on('click', function () {
            $('html,body').toggleClass('holding');
            $('.pop-schwrap').toggleClass('on');
            if ($('.pop-schwrap').hasClass('on')) {
                ;
                $('.pop-schwrap .sch-input').focus();
            }
        });
        $.get("/commoditys/" + 4, function (data) {
            $(".picture").renderValues(data, {
                'setHref': function (item, value) {
                    $(item).attr("href", $(item).attr("href") + value)
                }
            })
        });
        $.get("/commoditys/" + 2,{pageSize:3} , function (data) {
            $("#new").renderValues(data, {
                'setHref': function (item, value) {
                    $(item).attr("href", $(item).attr("href") + value)
                }
            });
            $("#news").renderValues(data, {
                'setHref': function (item, value) {
                    $(item).attr("href", $(item).attr("href") + value)
                }
            })
        });
        $.get("/commoditys/" + 3,{pageSize:3} ,function (data) {
            $("#fashoin").renderValues(data, {
                'setHref': function (item, value) {
                    $(item).attr("href", $(item).attr("href") + value)
                }
            });

        })


    });
</script>
<body>
<header class="mui-bar mui-bar-nav" id="header">
    <a href="/mine/profiles.html">
        <span><i class="iconfont iconfont-ui-love-remove"></i></span>
    </a>
    <div class="top-sch-box flex-col">
        <div class="centerflex">
            <i class="fdj iconfont iconfont-ui-zoom-in"></i>
            <div class="sch-txt">请输入关键词</div>
            <span class="shaomiao"><i class="iconfont iconfont-ui-rating"></i></span>
        </div>
    </div>
    <a class="btn" href="">
        <i class="iconfont iconfont-ui-rating"></i>
    </a>
    <a class="btn" href="stroeCart.html">
        <i class="iconfont iconfont-ui-cart"></i>
    </a>
</header>

<div id="main" class="mui-clearfix">
    <!-- 搜索层 -->
    <div class="pop-schwrap">
        <div class="ui-scrollview">
            <div class="mui-bar mui-bar-nav clone">
                <a class="iconfont iconfont-ui-zoom-out" href="/mine/store/storeHome.html"></a>
                <div class="top-sch-box flex-col">
                    <div class="centerflex">
                        <input class="sch-input mui-input-clear" type="text" name="" id="" placeholder="请输入关键词"/>
                    </div>
                </div>
                <a class="mui-btn mui-btn-primary sch-submit" href="search.html">搜索</a>
            </div>
            <div class="scroll-wrap">
                <div class="mui-scroll">
                    <div class="sch-cont">
                        <div class="section ui-border-b">
                            <div class="tit"><i class="iconfont iconfont-ui-zoom-out"></i>热门搜索</div>
                            <div class="tags">
                                <span class="tag">帽子</span><span class="tag">背带裤</span><span
                                    class="tag">宝宝束裤</span><span class="tag">睡衣</span>
                            </div>
                        </div>
                        <div class="section">
                            <div class="tit"><i class="iconfont iconfont-ui-timer"></i>最近搜索</div>
                            <div class="tags">
                                <span class="tag">帽子</span><span class="tag">背带裤</span><span
                                    class="tag">宝宝束裤</span><span class="tag">睡衣</span>
                            </div>
                        </div>
                    </div>
                    <div class="sch-clear">
                        <a href="javascript:;"><i class="iconfont iconfont-ui-delete"></i>清除搜索历史</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="mui-content">
        <div class="banner swiper-container">
            <div class="swiper-wrapper picture">
                <div class="swiper-slide" render-loop="list">
                    <a href="detail.html?id=" render-fun="setHref" render-key="list.id">
                        <img class="swiper-lazy" render-src="list.picture"></a>
                </div>
            </div>

            <div class="swiper-pagination"></div>

        </div>
        <!--连接-->
        <div class="home-nav ui-box">
            <div class="ui-flex flex-justify-sb">
                <div><a href="https://gz.nuomi.com/"><img src="/img/store/homenav1.jpg" alt=""/></a></div>
                <div><a href="https://www.mogujie.com/"><img src="/img/store/homenav2.jpg" alt=""/></a></div>
                <div><a href="https://www.tmall.com/"><img src="/img/store/homenav3.jpg" alt=""/></a></div>
                <div><a href="https://www.jd.com/"><img src="/img/store/homenav4.jpg" alt=""/></a></div>
            </div>
            <br>
            <div class="ui-flex flex-justify-sb">
                <div><a href="https://www.vip.com/"><img src="/img/store/homenav11.jpg" alt=""/></a></div>
                <div><a href="https://www.yhd.com/"><img src="/img/store/homenav22.jpg" alt=""/></a></div>
                <div><a href="https://www.gome.com.cn/"><img src="/img/store/homenav33.jpg" alt=""/></a></div>
                <div><a href="https://www.suning.com/"><img src="/img/store/homenav44.jpg" alt=""/></a></div>
            </div>
        </div>
        <!--最新-->
        <div class="home-newgoods ui-box">
            <img class="home-imgtit" src="/img/store/hometit1.jpg" alt=""/>
            <div id="new">
                <div class="list-type1 plist-puzzle" render-loop="list">
                    <a class="b" href="detail.html?id=" render-fun="setHref" render-key="list.id"><img render-src="list.picture" alt=""/></a>
                </div>
            </div>
            <img class="home-imgtit" src="/img/store/hometit2.jpg" alt=""/>
            <div id="news">
                <div class="list-type2 ui-flex flex-justify-sb" render-loop="list">
                    <a class="box" href="detail.html?id=" render-fun="setHref" render-key="list.id"><img class="figure" render-src="list.picture" alt=""/><span class="tit"
                                                                                                       render-html="list.title"></span></a>
                </div>
            </div>
        </div>

        <div class="home-newgoods ui-box">
            <img class="home-imgtit" src="/img/store/hometit3.jpg" alt=""/>
            <a href=""><img class="db margin-b-s" src="/img/store/sch-banner.jpg" width="100%" alt=""/></a>
            <div id="fashoin">
                <div class="list-type2 ui-flex flex-justify-sb" render-loop="list">
                    <a class="box" href="detail.html?id=" render-fun="setHref" render-key="list.id"><img class="figure" render-src="list.picture" alt=""/><span class="tit" render-html="list.title"></span></a>
                </div>
            </div>

        </div>

    </div> <!--mui-content end-->
</div>

<footer class="page-footer fixed-footer" id="footer">
    <ul>
        <li class="active">
            <a href="/mine/store/storeHome.html">
                <img src="/img/store/footer01.png"/>
                <p>商城首页</p>
            </a>
        </li>
        <li>
            <a href="/mine/store/stroeProduct.html">
                <img src="/img/store/footer002.png"/>
                <p>产品分类</p>
            </a>
        </li>
        <li>
            <a href="/mine/store/stroeCart.html">
                <img src="/img/store/footer003.png"/>
                <p>购物车</p>
            </a>
        </li>
        <li>
            <a href="/mine/store/stroepersonal.html">
                <img src="/img/store/footer004.png"/>
                <p>会员中心</p>
            </a>
        </li>
    </ul>
</footer>

</body>
</html>